<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>fifthWeek</title>
<link rel="stylesheet" href="CSSFile/style.css">
</head>
<body>
	<header>
		<!-- 导航栏的要求是 有一个三级菜单 并且导航栏可以根据的屏幕尺寸变化 -->
		<nav>
			<a href="#">菜单>></a><!-- 这个菜单选项在宽度大于800px时display:none !-->
	<ul>
		<li><a href="#">首页</a></li>
		<li><a href="#">产品</a><!-- 当鼠标经过这个li的时候，ul.second-menu变为blcok !-->
			<ul class="second-menu">
				<li><a>台式机</a></li>
		<li class="notebook"><a>笔记本</a><!-- 当鼠标经过这个li的时候，ul.third-menu变为blcok !-->
			<ul class="third-menu">
				<li><a>游戏本</a></li>
				<li><a>商务本</a></li>
				<li><a>轻薄本</a></li>
			</ul>
			</li>
			<li><a>平板电脑</a></li>
	</ul>
</li>
		<li><a href="#">服务</a></li>
		<li><a href="#">关于我们</a></li>
	</ul>
</nav>
</header>
<section class="container">
	<div class="main">
		<div class="new_star">
		<h1>明星单品</h1>
		<ul>
			<li>智选生活<span>|</span></li>
			<li>手机通信<span>|</span></li>
			<li>Lenovo电脑<span>|</span></li>
			<li>ThinkPad电脑<span>|</span></li>
			<li>平板电脑<span>|</span></li>
			<li>选件服务</li>
		</ul>
	</div>
	<div class="image_group">
		<div><img src="img/pic1.jpg"></div>
			<div>
			<div><img src="img/pic2.jpg"></div>
		<div><img src="img/pic3.jpg"></div>
	</div>
	<div>
		<div><img src="img/pic4.jpg"></div>
		<div><img src="img/pic5.jpg"></div>
	</div>
	</div>                             
</div>
</section>
<footer>
	<ul>
		<li><a>关于联想<a>
		<a href="">公司介绍</a>
		<a href="">投资者关系</a>
		<a href="">工作机会</a>
		<a href="">联系我们</a>
		<a href="">销售网点查询</a>
		<a href="">服务网点查询</a>
	     </li>
		<li><a>联想商城</a>
		    <a href="">0元试用</a>
		    <a href="">极速到家</a>
		    <a href="">联系合伙人</a>
		    <a href="">私人订制</a>
		    <a href="">以旧换新</a>
		    <a href="">联系众筹</a>
		</li>
		<li><a>联想服务</a>
		    <a href="">联想驱动与下载</a>
		    <a href="">联想知识库</a>
		    <a href="">24小时智能客服</a>
		    <a href="">保修配置查询</a>
		    <a href="">服务政策查询</a>
		    <a href="">上门快修</a>
		    <a href="">延长保修</a>
			<a href="">联想IT管理服务</a>
			</li>
		<li><a>联想网站群</a>
		 <a href="">联想电脑管家</a>
		 <a href=""></a>
		 <a href=""></a>
		 <a href=""></a>
		 <a href=""></a>
		 <a href=""></a></li>
	</ul>
</footer>

<script type="text/javascript" src="JSFile/JS1.js"></script>
</body>
</html>